<!--
@description:  商家详细信息
@author: zhangzhan
@time: 2024-09-18 16:51:20
-->
<template>
  <el-dialog :modelValue="modelValue"
             title="审核详情"
             :draggable="true"
             :destroy-on-close="true"
             @close="onClose"
             width="68%">
    <el-form :inline="true" :model="form" class="demo-form-inline">

      <el-row>
        <el-form-item label="法人">
          <el-input v-model="form.legalPerson" placeholder="" clearable :disabled="true"/>
        </el-form-item>

        <el-form-item label="手机号码">
          <el-input v-model="form.mobile" placeholder="" clearable :disabled="true"/>
        </el-form-item>

        <el-form-item label="用户名">
          <el-input v-model="form.userName" placeholder="" clearable :disabled="true"/>
        </el-form-item>

        <el-form-item label="小蜜蜂名称">
          <el-input v-model="form.beesName" placeholder="" clearable :disabled="true"/>
        </el-form-item>
      </el-row>


      <el-row>
        <el-form-item label="主营分类名">
          <el-input v-model="form.categoryName" placeholder="" clearable :disabled="true"/>
        </el-form-item>

        <el-form-item label="店铺名称">
          <el-input v-model="form.storeName" placeholder="" clearable :disabled="true"/>
        </el-form-item>

        <el-form-item label="店铺副标题">
          <el-input v-model="form.supplierSubtitle" placeholder="" clearable :disabled="true"/>
        </el-form-item>


        <el-form-item label="店铺评分">
          <el-input v-model="form.hotScore" placeholder="" clearable :disabled="true"/>
        </el-form-item>
      </el-row>


      <el-row>
        <el-form-item label="身份证号">
          <el-input v-model="form.idNumber" placeholder="" clearable :disabled="true"/>
        </el-form-item>

        <el-form-item label="开户银行">
          <el-input v-model="form.depositBank" placeholder="" clearable :disabled="true"/>
        </el-form-item>

        <el-form-item label="银行卡号（储蓄卡）">
          <el-input v-model="form.cardNumber" placeholder="" clearable :disabled="true"/>
        </el-form-item>

        <el-form-item label="银行卡预留手机号">
          <el-input v-model="form.reservedNumber" placeholder="" clearable :disabled="true"/>
        </el-form-item>

      </el-row>

      <el-row>
        <el-form-item label="营业周">
          <el-input v-model="form.dayOfWeek" placeholder="" clearable :disabled="true"/>
        </el-form-item>

        <el-form-item label="开门时间">
          <el-input v-model="form.openTime" placeholder="" clearable :disabled="true"/>
        </el-form-item>

        <el-form-item label="打样时间">
          <el-input v-model="form.endTime" placeholder="" clearable :disabled="true"/>
        </el-form-item>

        <el-form-item label="是否休息">
          <el-input v-model="form.isHoliday" placeholder="" clearable :disabled="true"/>
        </el-form-item>

      </el-row>

      <el-row>
        <el-form-item label="所在地区">
          <el-input v-model="form.area" placeholder="" clearable :disabled="true"/>
        </el-form-item>

        <el-form-item label="详细地址">
          <el-input v-model="form.address" placeholder="" clearable :disabled="true"/>
        </el-form-item>

      </el-row>


      <el-row>
        <el-form-item label="营业执照">
          <el-image style="width: 100px; height: 100px" :src="form.businessUrl"/>
        </el-form-item>


        <el-form-item label="门脸照片">
          <el-image style="width: 100px; height: 100px" :src="form.shopFrontUrl"/>
        </el-form-item>
      </el-row>


      <el-row>
        <el-form-item label="创建时间">
          <el-input v-model="form.createTime" placeholder="" clearable :disabled="true"/>
        </el-form-item>

        <el-form-item label="更新时间">
          <el-input v-model="form.updateTime" placeholder="" clearable :disabled="true"/>
        </el-form-item>
      </el-row>


      <div  slot="footer" class="dialog-footer">
        <el-button @click="cancel">取消</el-button>
      </div>

    </el-form>
  </el-dialog>


</template>

<script setup>
import {reactive, ref} from 'vue'
import {Delete} from "@element-plus/icons-vue";
import {useRequest} from "vue-request";
import {merchantApplicationFila, merchantApplicationSuccess} from "@/api/check/supplier.js";
import {ElMessage} from "element-plus";

const props = defineProps({
  //控制显示
  modelValue: '',
  form: {},
})

const emit = defineEmits([
  'update:modelValue',
  'update:form',
  'search'
])

function onClose() {
  reset()
  emit('update:modelValue', false)
}

//取消
function cancel() {
  reset()
  emit('update:modelValue', false)
}

// 表单重置
function reset() {
  // eslint-disable-next-line no-sequences
  // (props.menuPerm.menuNodeAll = false),
  //     (props.menuPerm.menuExpand = false),
  //     (props.form = {
  //       id: undefined,
  //       roleName: undefined,
  //       roleKey: undefined,
  //       roleSort: 0,
  //       status: '0',
  //       menuIds: [],
  //       remark: undefined
  //     })
  // resetForm(props.form)
  emit('update:form', {
    supplierInfoId: undefined,
    legalPerson: '',
    storeName: '',
    supplierSubtitle: '',
    hotScore: 0.0,
    mobile: '',
    idNumber: '',
    businessUrl: '',
    userName: '',
    categoryName: '',
    beesName: '',
    area: '',
    address: '',
    shopFrontUrl: '',
    cardNumber: '',
    reservedNumber: '',
    depositBank: '',
    dayOfWeek: '',
    openTime: undefined,
    endTime: undefined,
    isHoliday: '',
    createTime: undefined,
    updateTime: undefined
  })
}

</script>

<style>
.demo-form-inline .el-input {
  --el-input-width: 220px;
}

.demo-form-inline .el-select {
  --el-select-width: 220px;
}
</style>